<!DOCTYPE html>
<html lang="zh">
<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>薪酬管理系统</title>

<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<link rel="stylesheet" href="lib/assets/css/bootstrap.css" />
<link rel="stylesheet" href="lib/assets/css/font-awesome.css" />

<link rel="stylesheet" href="lib/assets/css/ace-fonts.css" />
<link rel="stylesheet" href="lib/assets/css/chosen.css " />

<link rel="stylesheet" href="lib/assets/css/ace.css"
	class="ace-main-stylesheet" id="main-ace-style" />

<script src="lib/assets/js/ace-extra.js"></script>


</head>

<body class="no-skin">

	<div id="navbar" class="navbar navbar-default navbar-fixed-top">
		<div class="navbar-container" id="navbar-container">
			<button type="button" class="navbar-toggle menu-toggler pull-left"
				id="menu-toggler" data-target="#sidebar">
				<span class="sr-only">Toggle sidebar</span> <span class="icon-bar"></span>
				<span class="icon-bar"></span> <span class="icon-bar"></span>
			</button>
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand"><small>薪酬管理系统</small></a>
			</div>
		</div>
	</div>

	<div class="main-container" id="main-container">
		<div id="sidebar" class="sidebar sidebar-fixed responsive">
			<ul class="nav nav-list">
				<li class="" data-ng-repeat="navmenu in menus"><a
					href="#{{navmenu.href}}"
					data-ng-class="{'dropdown-toggle': setDropDownToggleClass(navmenu)}"
					data-url="{{setDataUrlAttr(navmenu)}}"> <i
						class="menu-icon fa {{navmenu.icon}}"></i> <span class="menu-text">{{navmenu.name}}</span>
						<b class="arrow fa fa-angle-down"></b>
				</a> <b class="arrow"></b>

					<ul class="submenu">
						<li class="" data-ng-repeat="subMenu in navmenu.subMenus"><a
							href="#{{subMenu.href}}" data-url="{{setDataUrlAttr(subMenu)}}">
								<i class="menu-icon fa {{subMenu.icon}}"></i> {{subMenu.name}}
						</a> <b class="arrow"></b></li>
					</ul></li>


			</ul>
			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i class="ace-icon fa fa-angle-double-left"
					data-icon1="ace-icon fa fa-angle-double-left"
					data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>

			<script type="text/javascript">
				try {
					ace.settings.check('sidebar', 'collapsed')
				} catch (e) {
				}
			</script>
		</div>

		<div class="main-content">
			<div class="page-content">

				<div class="page-content-area"></div>
			</div>

		</div>

	</div>

	<script type="text/javascript">
		window.jQuery
				|| document.write("<script src='lib/assets/js/jquery.js'>"
						+ "<" + "/script>");
	</script>

	<script type="text/javascript">
		if ('ontouchstart' in document.documentElement)
			document
					.write("<script src='lib/assets/js/jquery.mobile.custom.js'>"
							+ "<" + "/script>");
	</script>
	<script src="lib/assets/js/bootstrap.js"></script>
	<script src="lib/assets/js/ace/elements.scroller.js"></script>
	<script src="lib/assets/js/ace/elements.colorpicker.js"></script>
	<script src="lib/assets/js/ace/elements.fileinput.js"></script>
	<script src="lib/assets/js/ace/elements.typeahead.js"></script>
	<script src="lib/assets/js/ace/elements.wysiwyg.js"></script>
	<script src="lib/assets/js/ace/elements.spinner.js"></script>
	<script src="lib/assets/js/ace/elements.treeview.js"></script>
	<script src="lib/assets/js/ace/elements.wizard.js"></script>
	<script src="lib/assets/js/ace/elements.aside.js"></script>
	<script src="lib/assets/js/ace/ace.js"></script>
	<script src="lib/assets/js/ace/ace.ajax-content.js"></script>
	<script src="lib/assets/js/ace/ace.touch-drag.js"></script>
	<script src="lib/assets/js/ace/ace.sidebar.js"></script>
	<script src="lib/assets/js/ace/ace.sidebar-scroll-1.js"></script>
	<script src="lib/assets/js/ace/ace.submenu-hover.js"></script>
	<script src="lib/assets/js/ace/ace.widget-box.js"></script>
	<script src="lib/assets/js/ace/ace.settings.js"></script>
	<script src="lib/assets/js/ace/ace.settings-rtl.js"></script>
	<script src="lib/assets/js/ace/ace.settings-skin.js"></script>
	<script src="lib/assets/js/ace/ace.widget-on-reload.js"></script>
	<script src="lib/assets/js/ace/ace.searchbox-autocomplete.js"></script>

	<script>
		var page_content = $('.page-content-area');
		page_content.ace_ajax({
			content_url : function(hash) {
				return "pages/" + hash + ".html";
			},
			default_url : 'daily-report-management',
			loading_icon : "fa-cog fa-2x blue"
		});

		page_content.on('ajaxloaderror', function(e, params) {
			window.location.hash = "error-404";
		});

		page_content.on('ajaxscriptsloaded', function() {
			
		});

	
	</script>
</body>
</html>
